<template>
  <div>
    <div style="height: 94px;width: 100%;background-color:transparent;"></div>
    <div class="loginbody">
      <transition name="el-zoom-in-top" v-if="show1">
        <LoginComponentVue></LoginComponentVue>
      </transition>

      <transition name="el-zoom-in-top" v-if="show2">
        <RegirsterComponentVue></RegirsterComponentVue>
      </transition>

      <el-button type="primary" @click="to" v-if="show1" style="position: absolute;top: 200px;right: 435px;">前往注册》》</el-button>
      <el-button type="primary" @click="to" v-if="show2" style="position: absolute;top: 200px;right: 1440px;">《《前往登录</el-button>
    </div>
  </div>
</template>

<script>
import LoginComponentVue from './LoginComponent.vue'
import RegirsterComponentVue from './RegirsterComponent.vue'
export default {
  data(){
    return{
      show1 : true,
      show2 : false
    }
  },

  methods:{
    to(){
      this.show1 = !this.show1
      this.show2 = !this.show2
    }
  },

  components:{
    LoginComponentVue,
    RegirsterComponentVue
  }

}
</script>

<style>
</style>